<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			div{width:180px;height:300px;background: greenyellow url(img/charector.png) no-repeat left top;
			   animation: move 0.5s steps(1,start) infinite;}
			@keyframes move{
				0%{background-position: 0 0;}
				14.3%{background-position: -180px 0;}
				28.6%{background-position: -360px 0;}
				42.8%{background-position: -540px 0;}
				57.2%{background-position: -720px 0;}
				71.5%{background-position: -900px 0;}
				85.8%{background-position: -1080px 0;}
				100%{background-position: 0 0;}
			}
		</style>
	</head>
	<body>
		<div>
			
		</div>
	</body>
</html>
